<template>
	<vCommonPage type="1" title="自助取号">
		<div slot="customContent">
			<div class="CenterBox">
				<div class="title">
					打印成功，请在自助机右下方的凭条出口处领取
				</div>
				<div class="conentImg">
					<img class="modelImg" src="../../assets/images/readcard/吉大读卡提示/zizhuji_img.png" />
					<div class="pointBoxtSfz">
						<div>
							<img class="kuangImg" src="../../assets/images/readcard/吉大读卡提示/kuang.png">
						</div>
						<img class="souzhiImg" src="../../assets/images/readcard/吉大读卡提示/shouzhi.gif" />
					</div>
				</div>
				<div class="bottomBox">
					<el-button class="BtnTextHome" @click="goBackHome()">首页</el-button>
				</div>
			</div>
		</div>
	</vCommonPage>
</template>
<script>
	import {
		getRegInfo    //查询号源
	} from "@api/apiBox/zzqh"
	import {
		MessageBox
	} from "element-ui";
	export default {
		name: "sfz",
		data() {
			return {
			};
		},
		methods: {
			async init(){
				let data = {
					data: {
						cardNo: this.$store.state.appointment.cardNo, //卡片编号
						cardType: this.$store.state.appointment.card.num, //卡片类别
						hospitalId: this.$store.state.terminfo.hospId //医院ID
					},
					that: this
				}
				const res = await getRegInfo(data);
				if(res.data){
					setTimeout(() => {
						//还有号源返回上一级
						this.$router.back(-1);
					}, 3000);
				}
				else{
					setTimeout(() => {
						this.$router.push('/');
					}, 3000);
				}
			}
		},
		computed: {},
		components: {},
		mounted() {

		},
		created() {
			this.init();
			

		},
		beforeDestroy() {

		}
	};
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
	.flex {
		display: flex;
	}


	.BtnText {
		text-align: center;
		width: 100%;
		font-size: 3.1vw;
		font-family: Source Han Sans CN;
		font-weight: 400;
	}

	.CenterBox {
		width: 100%;
	}

	.title {
		width: 100vw;
		text-align: center;
		font-size: 2.742857rem;
		font-family: Source Han Sans CN;
		font-weight: 400;
		margin-top: 70px;
		color: #435C7A;
		font-weight: 400;
		color: #FE5F5F;
		margin-bottom: 4.857123rem;
	}

	.conentBox {
		display: flex;
		width: 100%;
		flex-wrap: wrap;
	}

	.conentImg {
		width: 100%;
		text-align: center;
		position: relative;
		padding-bottom: 80px;
	}

	.pointBoxtSfz {
		position: absolute;
		top: 90px;
		left: 58.5%;
	}

	.pointBoxtSm {
		position: absolute;
		top: 245px;
		left: 41.5%;
	}

	.pointBoxtYhk {
		position: absolute;
		top: 95px;
		left: 24.5%;
	}

	.kuangImg {
		width: 13.628572rem;
		height: 99px;
	}

	.souzhiImg {
		width: 114px;
		height: 168px;
	}

	.modelImg {
		padding-top: 1.285714rem;
		width: 51.000002rem;
		height: 446px;
	}
</style>
